<template>
    <div class="userCard">
    <div class="top">
        <div>工作台</div>
    </div>

    <div class="bottom flex6">
     <div class="left flex1">
        <TheadImg></TheadImg>
        <div class="text">
            <div class="text1">早安，不太聪敏，祝你开心每一天！</div>
            <div class="text2">钦承科技-南京分公司-销售部-销售总监钦承科技-南京分公司-销售部-销售总监</div>
        </div>
     </div>
     <div class="right flex7">
<div>待审批<br>13</div>
<div>待分配<br>32</div>
<div>消息<br>49</div>
     </div>
    </div>
</div>
</template>

<script setup lang="ts">
import TheadImg from "../component/headImg.vue";


</script>

<style scoped lang="scss">
.userCard{
    height: 150px;
   box-sizing: border-box;
    margin-top: 5px;
    background-color:#ffffff;
}
.top{height: 50px;font-weight: 1000;padding: 0 20px;}
.top>div{font-size: 25px;line-height: 50px;}
.bottom{
    height: 100px;
    padding: 20px 20px;
    box-sizing: border-box;
    .text{
    box-sizing: border-box;

    .text1{
        font-weight: 1000;
        height: 40px;
        line-height: 40px;
    }
    .text2{
  font-size: 12px;color:#999b9c;
    }
    }
    .right{
        width: 200px;
        cursor: pointer;
    }
}
</style>